<!--
  ~
  ~  This file is part of the SIRIUS library for analyzing MS and MS/MS data
  ~
  ~  Copyright (C) 2013-2020 Kai Dührkop, Markus Fleischauer, Marcus Ludwig, Martin A. Hoffman, Fleming Kretschmer and Sebastian Böcker,
  ~  Chair of Bioinformatics, Friedrich-Schilller University.
  ~
  ~  This library is free software; you can redistribute it and/or
  ~  modify it under the terms of the GNU Lesser General Public
  ~  License as published by the Free Software Foundation; either
  ~  version 3 of the License, or (at your option) any later version.
  ~
  ~  This library is distributed in the hope that it will be useful,
  ~  but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  ~  Lesser General Public License for more details.
  ~
  ~  You should have received a copy of the GNU Lesser General Public License along with SIRIUS. If not, see <https://www.gnu.org/licenses/lgpl-3.0.txt>
  -->

<!DOCTYPE html>
<html>
<head>
    <style>
        * {
            font-family: "DejaVu Sans", Arial, Helvetica, sans-serif;
        }

        html {
            font-size: 100% /* or 62.5% or whatever you like, it doesn't matter, it's just a browser fix, however "rem" units will be based on that value, so make it confortable for calculations */
        }

        body {
            font-size: 0.75em; /* That is your text's default font size. Here i chose 12px */
        }
    </style>
    <ScrollPane styleClass="edge-to-edge"/>
</head>
<body style="background-color:#d6d9df;" oncontextmenu="return false;">

<div id="box1" style="margin: 0 15px 0 0">
    <p>
        #TEXT#
    </p>
</div>
</body>
</html>